<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <title>Înscrieri &mdash; Atelier de Vim, în București &mdash; Fundația Ceata</title>
  <script type="application/javascript">
function update_event_info(){
	var event_info = document.getElementById("event_info");
	var image = document.getElementById("image");
	var xhr = new XMLHttpRequest();
	xhr.open("GET", "/avb20140206/avb?op=info&oras=bucuresti", false);
	xhr.send();
	console.log(xhr.responseText);
	var ret = JSON.parse(xhr.responseText);
	event_info.innerHTML = ret.locuri;
}

function validate(){
	var captcha = document.getElementById("captcha");
	if(captcha.value != 19){
		alert("Ați completat greșit ora atelierului. Recitiți introducerea.");
		return false;
	}
}

window.onload = update_event_info;
  </script>

  <style>
    body {
      background-color: #eee;
      max-width: 700px;
      border: solid 1px #ccc;
      margin: 0 auto;
      font-family: 'DejaVu Sans', sans-serif;
    }

    div#header {
      text-align: center;
    }

    div#form {
      background-color: #fff;
    }

    form {
      padding: 1%;
    }

    p {
      padding-left: 1%;
      padding-right: 2%;
    }

    label.first {
      font-weight: bold;
    }

    label.help {
      color: #333;
    }

    select, input#send {
      font-weight: bold;
    }

    div#license {
      font-size: 0.9em;
    }
  </style>
</head>

<body>
  <div id="form">
    <div id="header">
      <img src="img/avb20140206.png" alt="Atelier de Vim în București" />
    </div>

    <p>
        Fundația Ceata organizează în București un atelier de inițiere în utilizarea
        editorului de text Vim. Atelierul are ca scop îmbunătățirea și eficientizarea
        lucrului cu fisiere de tip text, cu accentul pus în special pe editarea de cod
        sursă.
    </p>
    <p>
      Atelierul va fi ținut de Victor Nițu joi, 6 februarie 2014, la ora
      19:30 la sediul The Sponge:
      <a href="http://osm.org/go/x12F4B4yf?m=">Șos. Nicolae Titulescu 1, Bl A7, Sc 4, Et 8, ap 115</a>.
    </p>
    <p><em>Participarea la atelier este gratuită, dar îi încurajăm pe
            participanți ca la final, dacă li s-a părut util atelierul și ar
            dori să fie organizate și alte ateliere, să facă mici donații
            pentru sprijinirea activității Fundației Ceata.</em>
    <p>
      Pentru mai multe informații, vizitați <a
          href="http://ceata.org/evenimente/atelier-de-vim-%C3%AEn-bucure%C8%99ti-ianuarie-2014.html"
          target="_blank">pagina evenimentului</a>.
    </p>
    <p>
      Vă invităm să vă înscrieți pentru a participa la acest atelier!
    </p>

    <form action="/avb20140206/avb" method="POST" onsubmit="return validate();">
      <input type="hidden" name="op" value="append">
      <input type="hidden" name="oras" value="bucuresti">
      <div>
	<label class="first">Prenume:</label><br />
	<input type="text" name="prenume" required><br />
      </div>
      <br />
      <div>
	<label class="first">Nume (opțional):</label><br />
	<input type="text" name="nume"><br />
      </div>
      <br />
      <div>
	<label class="first">Adresa de poștă electronică:</label><br />
	<label class="help">Va fi folosită pentru anunțuri despre acest atelier.</label><br />
	<input type="email" size="30" name="adresa" id="email" required><br />
      </div>
      <br />
      <div>
	<label class="first">Numărul de locuri de rezervat:</label>
	<select name="numar" id="num">
	  <option value="1">1</option>
	  <option value="2">2</option>
	  <option value="3">3</option>
	  <option value="4">4</option>
	  <option value="5">5</option>
	</select>
	<label>(locuri disponibile: <b><label id="event_info"></label></b>)</label>
	<br />
	<label class="help">Te rugăm să selectezi mai multe locuri doar dacă aduci și prieteni la atelier.</label>
      </div>
      <br />
      <div>
	<label class="first">Ora la care are loc atelierul este: </label><input type="number" size="2" name="captcha" min="0" max="99" id="captcha" required><label class="first">:30. (2 cifre)</label><br />
	<label class="help">Această întrebare verifică dacă ești o persoană reală sau un robot.</label>
      </div>
      <br />
      <div>
	<label class="first">(Opțional) Ai aflat de atelier prin:</label>
	<select name="referinta" id="referinta">
	  <option value="">-- selectează --</option>
	  <option value="ceata">*.ceata.org</option>
	  <option value="usarb">*.usarb.md</option>
	  <option value="prieteni">prieteni/colegi</option>
	  <option value="liste">liste/forumuri</option>
	  <option value="retele">rețele sociale</option>
	</select>
	<label class="first">sau:</label>
	<input type="text" name="referinta2"><br />
	<label class="help">Dacă faci această mențiune, ne ajuți să îmbunătățim promovarea pe viitor.</label>
      </div>
      <br />
      <div>
	<label class="first"><input type="checkbox" name="anunturi" checked>Pe viitor, vreau să primesc și alte anunțuri de la Fundația Ceata.</label><br />
	<label class="help">
	  În acest caz, vei fi abonat la lista cu trafic redus <i>ceata-anunturi</i>.<br />
	</label>
      </div>
      <br />
      <input type="submit" value="Trimite" id="send">
    </form>
  </div>
  <div id="license">
    <p>
      2013 &mdash; <a href="http://ceata.org" target="_blank" title="Situl Fundației Ceata">Fundația Ceata</a> are drepturile de autor asupra acestei lucrări. Semnalați <a href="mailto:admin@ceata.org" title="Adresa echipei de administrare">echipei de administrare</a> eventualele probleme întâmpinate.
    </p>
    <p>
      Imaginea din antet folosește din domeniul public <a href="http://en.wikipedia.org/wiki/File:Vimlogo.svg" target="_blank" title="Emblema editorului Vim">emblema editorului Vim</a>.
    </p>
    <p>
      Programul pe care se bazează formularul este <a href="http://gitorious.org/ceata/ceata-formulare" target="_blank" title="Depozitul de cod al formularului">liber</a> în conformitate cu condițiile licenței <a href="https://www.gnu.org/licenses/agpl.html" target="_blank" title="Licența liberă GNU AGPL">GNU AGPLv3+</a>.
      Textul formularului este liber în conformitate cu condițiile licenței <a href="http://creativecommons.org/licenses/by-sa/3.0/" target="_blank" title="Licența liberă CC-BY-SA">CC-BY-SA</a>.
    </p>
  </div>
</body>
